.ybgantt{
	background: #fff;
	/*border: 1px solid #f6f6f6;*/
	border: 1px solid #0cf;
	display:flex;
	flex-direction:column;
}
.ybgantt *{
	cursor: default;
}
.ybgantt .ybgantt-head,.ybgantt .ybgantt-body,.ybgantt .ybgantt-foot,.ybgantt .ybgantt-head .ybgantt-left{
	display:flex;
}
.ybgantt .ybgantt-head{
	border-bottom: 1px solid #0cf;
}
.ybgantt .ybgantt-body,.ybgantt .ybgantt-right{
	flex: 1;
	overflow:hidden;
}
.ybgantt .ybgantt-left{
	border-right: 1px solid #0cf;
}
.ybgantt .ybgantt-head .ybgantt-left{
	flex-direction:column;
}
.ybgantt .ybgantt-head .ybgantt-right .ybgantt-content-scroll{
	overflow-y: auto;
}
.ybgantt .ybgantt-head .ybgantt-left .ybgantt-left-title .ybgantt-row{
	border-top: 1px solid #0cf;
}
.ybgantt .ybgantt-head .ybgantt-triangle{
	position:relative;
	flex: 1;
	overflow: hidden;
	width:100%;
}
.ybgantt .ybgantt-head .ybgantt-triangle .ybgantt-triangle-splitLine{
	border-bottom: 1px solid #0cf;
	transform-origin:bottom left;
}
.ybgantt .ybgantt-head .ybgantt-triangle .ybgantt-triangle-bottomleft,.ybgantt .ybgantt-head .ybgantt-triangle .ybgantt-triangle-topright{
	position:absolute;
	width:50%;
	height:50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ybgantt .ybgantt-head .ybgantt-triangle .ybgantt-triangle-bottomleft{
	top:0;
	right: 0;
}
.ybgantt .ybgantt-head .ybgantt-triangle .ybgantt-triangle-topright{
	left: 0;
	bottom: 0;
}
.ybgantt .ybgantt-row{
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.ybgantt .ybgantt-column{
	overflow:hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */

}
.ybgantt .ybgantt-row .ybgantt-column{
	height: 100%;
	display: inline-block;
	text-align:center;
}
.ybgantt .ybgantt-body .ybgantt-left,.ybgantt .ybgantt-body .ybgantt-right{
	display:flex;
	flex-direction:column;
}
.ybgantt .ybgantt-left .ybgantt-column {
	border-left: 1px solid #0cf;
}
.ybgantt .ybgantt-left .ybgantt-row .ybgantt-column:first-child {
	border-left: none;
}
.ybgantt .ybgantt-head .ybgantt-right .ybgantt-row,.ybgantt .ybgantt-body .ybgantt-left .ybgantt-row {
	border-top: 1px solid #0cf;
}
.ybgantt .ybgantt-head .ybgantt-right .ybgantt-row:first-child,.ybgantt .ybgantt-body .ybgantt-left .ybgantt-row:first-child {
	border-top: none;
}
.ybgantt .ybgantt-head .ybgantt-right .ybgantt-row .ybgantt-column,.ybgantt .ybgantt-body .ybgantt-left .ybgantt-row .ybgantt-column {
	border-left: 1px solid #0cf;
}
.ybgantt .ybgantt-head .ybgantt-right .ybgantt-row .ybgantt-column:first-child,.ybgantt .ybgantt-body .ybgantt-left .ybgantt-row .ybgantt-column:first-child {
	border-left: none;
}
.ybgantt .ybgantt-body .ybgantt-left .ybgantt-row .ybgantt-column-group{
	width:100%;
	display:flex;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.ybgantt .ybgantt-body .ybgantt-left .ybgantt-row .ybgantt-column>.ybgantt-column-group{
	border-top: 1px solid #0cf;
}
.ybgantt .ybgantt-body .ybgantt-left .ybgantt-row .ybgantt-column>.ybgantt-column-group:first-child{
	border-top: none;
}
.ybgantt .ybgantt-body .ybgantt-right {
    height: 100%;
	background-color: #000;
    background-image: linear-gradient(90deg, rgba(0,204,255, 0.15) 1px, rgba(0, 0, 0, 0) 1px),
 linear-gradient(rgba(0,204,255, 0.15) 1px, rgba(0, 0, 0, 0) 1px);
}
.ybgantt .ybgantt-body{
	overflow-y:auto;
}
.ybgantt .ybgantt-body::-webkit-scrollbar {
  /*滚动条整体样式*/
    width: 0px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 0px;
}
.ybgantt .ybgantt-body .ybgantt-right .drop{
	background: #ffffff21;
}
.ybgantt .ybgantt-body .ybgantt-right .ybgantt-task{
	position:absolute;
	height: 80%;
	top: 10%;
	border-radius: 3px;
	background: red;
}
.ybgantt .ybgantt-body .ybgantt-right .ybgantt-task .ybgantt-task-showText{
	height: 90%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	-moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* KHTML内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
.ybgantt .ybgantt-body .ybgantt-right .ybgantt-task .ybgantt-task-progress{
	height: 10%;
	background: #3F6;
}
.ybgantt .ybgantt-foot{
	height: 40px;
	border-top: 1px solid #0cf;
}
.ybgantt .ybgantt-foot .ybgantt-scroll{
	overflow:auto
}
.ybgantt .ybgantt-content-scroll::-webkit-scrollbar {
  /*滚动条整体样式*/
    width: 0px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 0px;
}
